/**
 * Created by Administrator on 2017/7/25.
 */
$(function () {
//     $('.head-right li').hover(function () {
//         $(this).find("a").css("color","#0093e9");
//     },function () {
//         if(!$(this).hasClass("active")){
//             $(this).find("a").css("color","black");
//         }
//     });
// //
//     var src_left = "images/page_left_hover.png";
//     var src_left_1 = "images/page_left.png";
//     var src_right = "images/page_right_hover.png";
//     var src_right_1 = "images/page_right.png";
//     $(".page_left").hover(function () {
//         $(this).attr("src",src_left);
//     },function () {
//         $(this).attr("src",src_left_1);
//     });
//     $(".page_right").hover(function () {
//         $(this).attr("src",src_right);
//     },function () {
//         $(this).attr("src",src_right_1);
//     });

    var _index = 0;
    //数据字符串数组
    // var image_src = [[["images/pro_con_01.jpg","images/pro_con_02.jpg",
    //     "images/pro_con_03.jpg","images/pro_con_04.jpg",
    //     "images/pro_con_05.jpg",'images/pro_con_06.jpg',
    //     "images/pro_con_07.jpg","images/pro_con_08.jpg",
    //     "images/pro_con_09.jpg","images/pro_con_10.jpg"],
    //     ["images/make/Artisan.png","images/make/chuannzhanji.png",
    //         "images/make/dongman.png","images/make/ForColor.png",
    //         "images/make/huakai.png",'images/make/OS11.png',
    //         "images/make/qinggediao.png","images/make/qinshijue.png",
    //         "images/make/yingbai.png","images/make/ZERO.png"],
    //     ["images/stone/stone_01.png","images/stone/stone_02.png",
    //         "images/stone/stone_03.png","images/stone/stone_04.png",
    //         "images/stone/stone_05.png","images/stone/stone_06.png",
    //         "images/shen/shen_01.jpg","images/shen/shen_02.jpg",
    //         "images/hou/hou_08.jpg","images/shen/shen_04.jpg"],
    //     [ "images/shen/shen_05.jpg","images/shen/shen_06.jpg",
    //         "images/shen/shen_07.jpg","images/hou/hou_01.jpg",
    //         "images/hou/hou_02.jpg","images/hou/hou_03.jpg",
    //         "images/hou/hou_04.jpg","images/hou/hou_05.jpg",
    //         "images/hou/hou_06.jpg","images/hou/hou_07.jpg"],
    //     ["images/liu/liu_01.png","images/liu/liu_02.png",
    //         "images/liu/liu_04.png",
    //         "images/liu/liu_05.png","images/liu/liu_06.png",
    //         "images/liu/liu_07.png",
    //         "images/liu/liu_09.png","images/stone/stone_07.png"]
    //         ],
    //
    //     ["images/waiting.png"],
    //     ["images/pro_con_02.jpg"],
    //     ["images/waiting.png"],
    //
    //     ["images/waiting.png"],
    //     ["images/waiting.png"],
    //
    //     [["images/make/Artisan.png","images/make/chuannzhanji.png",
    //         "images/make/dongman.png","images/make/ForColor.png",
    //         "images/make/huakai.png",'images/make/OS11.png',
    //         "images/make/qinggediao.png","images/make/qinshijue.png",
    //         "images/make/yingbai.png","images/make/ZERO.png"],
    //      ["images/stone/stone_01.png","images/stone/stone_02.png",
    //             "images/stone/stone_03.png","images/stone/stone_04.png",
    //             "images/stone/stone_05.png","images/stone/stone_06.png",
    //             "images/shen/shen_01.jpg","images/shen/shen_02.jpg",
    //             "images/hou/hou_08.jpg","images/shen/shen_04.jpg"],
    //     [ "images/shen/shen_05.jpg","images/shen/shen_06.jpg",
    //             "images/shen/shen_07.jpg","images/hou/hou_01.jpg",
    //         "images/hou/hou_02.jpg","images/hou/hou_03.jpg",
    //         "images/hou/hou_04.jpg","images/hou/hou_05.jpg",
    //         "images/hou/hou_06.jpg","images/hou/hou_07.jpg"],
    //         ["images/liu/liu_01.png",
    //             "images/liu/liu_02.png",
    //             "images/liu/liu_04.png", "images/liu/liu_05.png",
    //             "images/liu/liu_06.png", "images/liu/liu_07.png",
    //              "images/liu/liu_09.png","images/stone/stone_07.png"]
    //     ]];
    //
    // var string_title = [[["For 新春祝福","For 你的名字",
    //     "For OS","For 铂金",
    //     "For OS10","For 时间智商",
    //     "For 扁平风","For 微拟物",
    //     "For winpro","For 炫酷少年"],["For Artisan","For 创战纪",
    //     "For 动漫之魂","For color",
    //     "For 花开芳华","For OS11",
    //     "For 轻格调","For 轻视觉",
    //     "For 莹白OS","For Zero"], ["For love me right","For 暗恋",
    //     "For 西瓜君","For 海洋之森",
    //     "For 淘气鬼","For 我心永恒",
    //     "For blackAmi","For Your name",
    //     "For 昼夜","For 棉花糖"],["For 青OS","For 轻盈夏夜",
    //     "For 微质感","For 粉红曲面",
    //     "For 孤独患者","For 镜像世界",
    //     "For 曲镜","For 曲面OS",
    //     "For 汐红","For 远辰"],["For 白色恋人","For 春风细雨",
    //     "For 落花无言","For 桃花流水",
    //     "For 闲情逸致","For 新曲面OS",
    //     "For 自由心情","For 瞌睡虫小新"
    //     ]]
    //     ,["For 团队"],["For 你的名字"],
    //     ["For 团队"],["For 团队"],["For 团队"],
    //     [["For Artisan","For 创战纪",
    //         "For 动漫之魂","For color",
    //         "For 花开芳华","For OS11",
    //         "For 轻格调","For 轻视觉",
    //         "For 莹白OS","For Zero"], ["For love me right","For 暗恋",
    //         "For 西瓜君","For 海洋之森",
    //         "For 淘气鬼","For 我心永恒",
    //         "For blackAmi","For Your name",
    //         "For 昼夜","For 棉花糖"],["For 青OS","For 轻盈夏夜",
    //         "For 微质感","For 粉红曲面",
    //         "For 孤独患者","For 镜像世界",
    //         "For 曲镜","For 曲面OS",
    //         "For 汐红","For 远辰"],["For 白色恋人","For 春风细雨",
    //         "For 落花无言","For 桃花流水",
    //         "For 闲情逸致","For 新曲面OS",
    //         "For 自由心情","For 瞌睡虫小新"
    //     ]]];
    //
    // var string_text = [[["2017年新年定制主题","你的名字电影定制主题",
    //     "ios致敬经典","商务风格优质主题",
    //     "ios10风格创意主题","是时候验证你的智商了",
    //     "不规则才扁平",'属于你的匠心之作',
    //     "windows10风格创意主题","个性酷炫手绘风格主题"],["致敬 工匠精神","致敬 星球大战",
    //     "热血不灭 燃起动漫之魂","For the colorful",
    //     "线条风的艺术之旅","OS11 再一次突破",
    //     "动态锁屏 清新扁平",'圆形视觉的多彩艺术',
    //     "洁白无瑕 简约至上","ZERO零 无边无垠"],
    //     ["Baby love me right,just love me right.??","你突如其来的出现 从此永生难忘",
    //         "没有甜蜜凉爽的西瓜不能叫做“夏季”","渔夫们称一只鲸鱼为“海洋之森”",
    //         "调皮的猫咪认定这个铲屎官咯！","若能再活一次 我任愿和你共度余生",
    //         "时光静好 以待流年",'梦中相遇 寻找彼此',
    //         "windows10风格创意主题","原汁原味 精致体验"],
    //     ["美之灵动 轻の浮现","仰望蓝色星空 倾听风的声音",
    //         "设计回归本质","这再次改变了一切",
    //         "活像个孤独患者 自我拉扯","让创意不再局限",
    //         "平坦的本质是极致的曲面",'唯一的不同是处处不同',
    //         "易惹人爱 所以得众人所爱","漂亮的不像实力派"],
    //     ["用我三生烟火 换你一世迷离","春天的风和雨滴露水那样滋润着万物的生长",
    //         "人淡泊的如同菊花一样","桃花欲落柳条长 沙头水上足风光",
    //         "优哉游哉 闲情逸致","OS系列升级版",
    //         "心大 梦想就大","小新最爱的事情就是睡觉"
    //         ]],
    //     ["定制待开放。。。。。。。。。"],
    //     ["你的名字电影定制主题"],
    //     ["定制待开放。。。。。。。。。"],
    //     ["定制待开放。。。。。。。。。"],
    //     ["定制待开放。。。。。。。。。"],
    //     [["致敬 工匠精神","致敬 星球大战",
    //         "热血不灭 燃起动漫之魂","For the colorful",
    //         "线条风的艺术之旅","OS11 再一次突破",
    //         "动态锁屏 清新扁平",'圆形视觉的多彩艺术',
    //         "洁白无瑕 简约至上","ZERO零 无边无垠"],
    //         ["Baby love me right,just love me right.??","你突如其来的出现 从此永生难忘",
    //             "没有甜蜜凉爽的西瓜不能叫做“夏季”","渔夫们称一只鲸鱼为“海洋之森”",
    //             "调皮的猫咪认定这个铲屎官咯！","若能再活一次 我任愿和你共度余生",
    //             "时光静好 以待流年",'梦中相遇 寻找彼此',
    //             "windows10风格创意主题","原汁原味 精致体验"],
    //         ["美之灵动 轻の浮现","仰望蓝色星空 倾听风的声音",
    //             "设计回归本质","这再次改变了一切",
    //             "活像个孤独患者 自我拉扯","让创意不再局限",
    //             "平坦的本质是极致的曲面",'唯一的不同是处处不同',
    //             "易惹人爱 所以得众人所爱","漂亮的不像实力派"],
    //         ["用我三生烟火 换你一世迷离","春天的风和雨滴露水那样滋润着万物的生长",
    //             "人淡泊的如同菊花一样","桃花欲落柳条长 沙头水上足风光",
    //             "优哉游哉 闲情逸致","OS系列升级版",
    //             "心大 梦想就大","小新最爱的事情就是睡觉"
    //         ]]];
    //初始化


    var _count_page = 0;

    image_init();
    loadImages(image_src[_index][0],_index,_count_page);
    如果是二维数组的话添加图片文字
    function addContent() {
        $(".content-div>div").each(function (index,elem) {
            $(elem).find("img").attr("src",image_src[_index][_count_page][index]);
            $(elem).find("h2").text(string_title[_index][_count_page][index]);
            $(elem).find("p").text(string_text[_index][_count_page][index]);
        });
    }
    不同分类加载不同的图片内容
    function loadImages(isArray,_index,_count_page) {
        //数组懒加载
        $(".content-div").empty();
        //生成元素
        if(isArray instanceof Array){
            //判断是二维数组还是一维数组
            // console.log(image_src[_index][0] instanceof Array);
            for(var i =0;i<image_src[_index][_count_page].length;i++){
                if(i==0 || i==1){
                    $(".content-div").append("<div class='mar_top_0'><div class='div_style'> <img src='' alt=''> </div> <h2></h2> <P></P> </div>");
                }else {
                    $(".content-div").append("<div class=''><div class='div_style'> <img src='' alt=''> </div> <h2></h2> <P></P> </div>");
                }
                if(i%2==0){
                    $(".content-div>div").eq(i).addClass("mar_0");
                }
            }
            $(".page_dots").empty();
            for(var j = 0;j<image_src[_index].length;j++){
                // console.log(image_src[_index].length);
                $(".page .page_dots").append("<li><a href='javascript:;'>"+(j+1)+"</a></li>");
                $('.page_dots>li').eq(0).css("margin-left","20px");
                $(".page_dots>li").eq(image_src[_index].length-1).css("margin-right","20px");
            }
            $(".page_dots>li").find("a").eq(0).css("color","#0093e9");


        }

        else {
            // console.log(image_src[_index][0] instanceof Array);
            for(var i =0;i<image_src[_index].length;i++){
                if(i==0 || i==1){
                    $(".content-div").append("<div class='mar_top_0'><div class='div_style'> <img src='' alt=''> </div> <h2></h2> <P></P> </div>");
                }else {
                    $(".content-div").append("<div class=''><div class='div_style'> <img src='' alt=''> </div> <h2></h2> <P></P> </div>");
                }

                if(i%2==0){
                    $(".content-div>div").eq(i).addClass("mar_0");
                }
            }
            $(".page_dots").empty();
            for(var j = 0;j<Math.ceil(image_src[_index].length/10);j++){
                // console.log(image_src[_index].length);
                $(".page .page_dots").append("<li><a href='javascript:;'>"+(j+1)+"</a></li>");
                $('.page_dots>li').eq(0).css("margin-left","20px");
                $(".page_dots>li").eq(Math.ceil(image_src[_index].length/10)-1).css("margin-right","20px");
            }
            $(".page_dots>li").find("a").eq(0).css("color","#0093e9");
        }

        //添加图片及文字信息
        if(isArray instanceof Array){
            addContent();
        }
        else{
            $(".content-div>div").each(function (index,elem) {
                $(elem).find("img").attr("src",image_src[_index][index]);
                $(elem).find("h2").text(string_title[_index][index]);
                $(elem).find("p").text(string_text[_index][index]);
            });
        }
        //点击跳转动画
        $(".content-div>div").css("opacity","0");
        $(".content-div>div").animate({"opacity":"1"},400);
    }
    // 点击分类显示不同的内容
    $(".content-list li").click(function () {
        _index = $(this).index();
        _count_page = 0;
        $('.content-list li a').css("color","#5b5b5b");
        $(this).find('a').css("color","#0093e9");
        // console.log(_index);
        loadImages(image_src[_index][0],_index,_count_page);
        // changeStatus();
        pro_case_change();
        $(".page ul li").click(function () {
            _status = true;
            _count_page = $(this).index();
            clickPageEvent(_status,_count_page);
            // changeStatus();
            pro_case_change();
        });

    });
    // 页码按钮添加元素
    // function addInElem(_count_page,page_num) {
    //     $("html,body").animate({scrollTop:$(".content").offset().top-50},300);
    //     if(_count_page<page_num && page_num>1){
    //         $(".page ul li").find("a").css('color',"#aeaeae");
    //         $(".page ul li").eq(_count_page % $(".page ul li").length).find("a").css("color","#0093e9");
    //         $(".content-div").empty();
    //         for(var i =0;i<image_src[_index][_count_page].length;i++){
    //             if(i==0 || i==1){
    //                 $(".content-div").append("<div class='mar_top_0'><div class='div_style'> <img src='' alt=''> </div> <h2></h2> <P></P> </div>");
    //             }else {
    //                 $(".content-div").append("<div class=''><div class='div_style'> <img src='' alt=''> </div> <h2></h2> <P></P> </div>");
    //             }
    //             if(i%2==0){
    //                 $(".content-div>div").eq(i).addClass("mar_0");
    //             }
    //         }
    //         addContent();
    //         $(".content-div>div").css("opacity","0");
    //         $(".content-div>div").animate({"opacity":"1"},400);
    //     }else {
    //
    //     }
    //
    // }
    //页码左右点击监听函数越界
    // function clickPageEvent(status,_count_page) {
    //     var page_num = $(".page ul li").length;
    //     if(status){
    //         // console.log("page_num:"+page_num);
    //         addInElem(_count_page,page_num);
    //     }else {
    //         // console.log("page_num:"+page_num);
    //         addInElem(_count_page,page_num);
    //     }
    // }

    var _status;
    //页码左右按钮
    // $(".page_right").click(function () {
    //     _status = true;
    //     if(_count_page<$(".page ul li").length-1){
    //        _count_page++;
    //        // console.log(_count_page);
    //         clickPageEvent(_status,_count_page);
    //     }else {
    //         _count_page = $(".page ul li").length-1;
    //     }
    //     // changeStatus();
    //     pro_case_change();
    // });
    //
    // $(".page ul li").click(function () {
    //     _status = true;
    //     _count_page = $(this).index();
    //     clickPageEvent(_status,_count_page);
    //     pro_case_change();
    // });

    // $(".page_left").click(function () {
    //     _status = false;
    //    if(_count_page>0){
    //        _count_page--;
    //        // console.log(_count_page);
    //        clickPageEvent(_status,_count_page);
    //    }else {
    //        _count_page = 0;
    //        // return false;
    //        // console.log(_count_page);
    //    }
    //
    //     // changeStatus();
    //     pro_case_change();
    //
    // });

//    案例详情链接
//     function changeStatus() {
//         if(_index == 0){
//             switch (_count_page){
//                 case 0:
//                     $(".content-div>div").click(function () {
//                         window.open("all_first/pro_case_"+($(this).index()+1)+".html");
//                     });break;
//                 case 1:$(".content-div>div").click(function () {
//                     window.open("all_second/pro_case_"+($(this).index()+1)+".html");
//                 });break;
//                 case 2:$(".content-div>div").click(function () {
//                     window.open("all_third/pro_case_"+($(this).index()+1)+".html");
//                 });break;
//                 case 3:$(".content-div>div").click(function () {
//                     window.open("all_forth/pro_case_"+($(this).index()+1)+".html");
//                 });break;
//                 case 4:$(".content-div>div").click(function () {
//                     window.open("all_five/pro_case_"+($(this).index()+1)+".html");
//                 });break;
//             }
//         }
//         else if(_index == 6){
//             switch (_count_page){
//                 case 0:$(".content-div>div").click(function () {
//                     window.open("all_second/pro_case_"+($(this).index()+1)+".html");
//                 });break;
//                 case 1:$(".content-div>div").click(function () {
//                     window.open("all_third/pro_case_"+($(this).index()+1)+".html");
//                 });break;
//                 case 2:$(".content-div>div").click(function () {
//                     window.open("all_forth/pro_case_"+($(this).index()+1)+".html");
//                 });break;
//                 case 3:$(".content-div>div").click(function () {
//                     window.open("all_five/pro_case_"+($(this).index()+1)+".html");
//                 });break;
//             }
//         }else if(_index == 2){
//             switch (_count_page){
//                 case 0:$(".content-div>div").click(function () {
//                     window.open("movie_first/pro_case_"+($(this).index()+1)+".html");
//                 });break;
//             }
//         }
//     }

    // changeStatus();

    //案例详情页 数据路径数组
    // $("html body").animate({scroll:_this_top},500);
    // function pro_case_change() {
    //     $(".content-div>div").unbind().click(function () {
    //         //image_src[_index][0] instanceof Array
    //        if(_index==0||_index==2||_index==6){
    //            location.href = "pro_case.html?_index="+_index+"&_count_page="+_count_page+"&this_case="+$(this).index()+"&top="+$(this).offset().top;
    //            // location.hash = "#"+"&top="+$(this).offset().top;
    //
    //        }
    //     });
    // }
    // pro_case_change();
    // if(GetRequest()["_index"]){
    //     _index = GetRequest()["_index"];
    //     _count_page =GetRequest()["_count_page"];
    //     var _this_top =GetRequest()["top"];
    //     $("html,body").animate({scrollTop:_this_top-150},1);
    //     loadImages(image_src[_index][0],_index,_count_page);
    //     $('.content-list li a').css("color","#5b5b5b");
    //     $(".content-list li").eq(_index).find('a').css("color","#0093e9");
    //     $(".page_dots>li").find("a").css("color","#aeaeae");
    //     $(".page_dots>li").find("a").eq(_count_page).css("color","#0093e9");
    //     pro_case_change();
    //     $(".page ul li").click(function () {
    //         _status = true;
    //         _count_page = $(this).index();
    //         clickPageEvent(_status,_count_page);
    //         // changeStatus();
    //         pro_case_change();
    //     });
    // }
    //
    // function GetRequest() {
    //     var url = location.search; //获取url中"?"符后的字串
    //     var theRequest = new Object();
    //     if (url.indexOf("?") != -1) {
    //         var str = url.substr(1);
    //         strs = str.split("&");
    //         for(var i = 0; i < strs.length; i ++) {
    //             theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
    //         }
    //     }
    //     // console.log(theRequest);
    //     return theRequest;
    // }

});